<!--  -->
<template>
<div class='hello'>
  这里是hellow界面
  {{ data.use }}
  <ul>
    <li>asjdbasjbda</li>
  </ul>
</div>
</template>

<script lang='ts'>

import { defineComponent, reactive } from 'vue'
import { useStore } from 'vuex'

export default defineComponent({
  name: '',
  setup () {
    console.log(useStore().state.niha)
    const data = reactive({
      use: useStore().state.niha
    })
    
    return {
      data
    }
  }
})
</script>

<style scoped lang="scss">
$qian: red;
.hello{
  ul{
    li{
      color: $qian;
    }
  }
}
</style>
